<!DOCTYPE html>
<html>
<head>
    <title>角色列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta name="format-detection" content="telephone=no" />
    <link href="/css/style.css" type="text/css" rel="stylesheet">
</head>


<body>


<h1>我的角色</h1>
<hr>

<#list list as hero>
    ${hero.name} [${hero.sex}] ${hero.level}级
    <a href="/my/hero/use/${hero.id}">进入游戏</a>
    <br>
</#list>
<#if list?size==0>
    <div>暂无角色，创建角色</div>
    <form action="/my/hero/create" method="post">
        角色名：<input type="text" name="name"><br>
        性别：
        <select name="sex">
            <option value="男">男</option>
            <option value="女">女</option>
        </select>
        <input type="submit" value="确认创建">
    </form>
</#if>
<hr>


<#include "inc/footer.ftl" >


    <style>
        .progress-bar {
            width:260px;
            height: 10px;
            background-color: antiquewhite;
            border: 1px solid #666666;
            border-radius: 5px;
            overflow: hidden;
        }
        .progress-bar div {
            height: 100%;
            border-radius: 4px;
        }
    </style>

</body>
</html>
